<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Yb">
    <title>小米商城 - 红米Note 4X、小米5c、小米MIX、小米笔记本官方网站</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <style>

    </style>
</head>

<body>
    <!--顶部 条-->
    <div class="topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="javascript:;">小米商城</a>
                <span class="sep">|</span>
                <a href="javascript:;">MIUI</a>
                <span class="sep">|</span>
                <a href="javascript:;">米聊</a>
                <span class="sep">|</span>
                <a href="javascript:;">游戏</a>
                <span class="sep">|</span>
                <a href="javascript:;">多看阅读</a>
                <span class="sep">|</span>
                <a href="javascript:;">云服务</a>
                <span class="sep">|</span>
                <a href="javascript:;">金融</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城移动版</a>
                <span class="sep">|</span>
                <a href="javascript:;">问题反馈</a>
                <span class="sep">|</span>
                <a href="javascript:;">Select Region</a>
            </div>
            <div class="topbar-nav">
                <a href="javascript:;" class="link">登录</a>
                <span class="sep">|</span>
                <a href="javascript:;" class="link">注册</a>
                <span class="sep">|</span>
                <a href="javascript:;" class="link">消息通知</a>
                <span>
                <a href="javascript:;" class="cart-mini">
                    <span class="icon-cart"></span>
                    购物车 (0)
                    <div class="cart-menu">
                        <p>购物车中还没有商品，赶紧选购吧！</p>
                    </div>
                </a>
                </span>
            </div>
        </div>
    </div>
    <!--头部 导航栏-->
    <div class="site-header">
        <!--商标-->
        <a href="#" class="logo"><img src="images/mi_logo.png" alt=""></a>
        <ul class="nav-list clearfix">
            <!--广告位-->
            <li>
                <a href="javascript:;" class="link-block"></a>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">小米手机</span></a>
                <ul class="site-children">
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_01.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米手机5c</a>
                        </p>
                        <p><span>1599元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_02.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米Note 2</a>
                        </p>
                        <p><span>2799元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_03.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米MIX</a>
                        </p>
                        <p><span>3499元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_04.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米5s</a>
                        </p>
                        <p><span>1999元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_05.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米5s Plus</a>
                        </p>
                        <p><span>2299元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-01_06.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米手机5</a>
                        </p>
                        <p><span>1799元</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">红米</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-02_01.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">红米Note 4X</a>
                        </p>
                        <p><span>999元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-02_02.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">红米Note 4</a>
                        </p>
                        <p><span>999元起</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-02_03.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">红米 4X</a>
                        </p>
                        <p><span>699元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-02_04.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">红米4</a>
                        </p>
                        <p><span>799元起</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">平板·笔记本</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-03_01.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米平板2 16GB</a>
                        </p>
                        <p><span>999元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-03_02.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米笔记本Air 12.5"</a>
                        </p>
                        <p><span>3499元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-03_03.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米笔记本Air 13.3"</a>
                        </p>
                        <p><span>4999元</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-03_03.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米笔记本Air 13.3" 尊享版</a>
                        </p>
                        <p><span>5999元</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">电视</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_01.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米电视3s 48英寸</a>
                        </p>
                        <p><span>2599元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_02.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米电视3s 55英寸</a>
                        </p>
                        <p><span>3999元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_03.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米电视3s 60英寸</a>
                        </p>
                        <p><span>4799元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_04.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米电视3s 65英寸</a>
                        </p>
                        <p><span>6699元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_05.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米电视3 70英寸</a>
                        </p>
                        <p><span>9999元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-04_06.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">查看全部</a>
                        </p>
                        <p><span style="color: #333;">小米电视</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">盒子·影音</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_01.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米盒子3s</a>
                        </p>
                        <p><span>299元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_02.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米盒子3c</a>
                        </p>
                        <p><span>199元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_03.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米盒子3 增强版</a>
                        </p>
                        <p><span>399元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_04.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米盒子 mini版</a>
                        </p>
                        <p><span>179元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_05.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米家庭影院</a>
                        </p>
                        <p><span>1999元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-05_06.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米家庭音响 标准版</a>
                        </p>
                        <p><span>699元</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">路由器</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-06_01.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米路由器 HD</a>
                        </p>
                        <p><span>1299元</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-06_02.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米路由器 Pro</a>
                        </p>
                        <p><span>499元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-06_03.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米路由器 3</a>
                        </p>
                        <p><span>149元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-06_04.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米路由器 3C</a>
                        </p>
                        <p><span>99元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-06_05.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米WiFi放大器 2</a>
                        </p>
                        <p><span>49元</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">智能硬件</span></a>
                <!--每个选项下面的子选项-->
                <ul class="site-children">
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_01.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米体脂称</a>
                        </p>
                        <p><span>199元</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_02.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">米家行车记录仪</a>
                        </p>
                        <p><span>349元</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_03.png" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米无人机 4k 版</a>
                        </p>
                        <p><span>2999元</span></p>
                    </li>
                    <li>
                        <div>
                            <span>新品</span>
                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_04.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">小米米家对讲机</a>
                        </p>
                        <p><span>349元</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_05.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">米家IH电饭煲</a>
                        </p>
                        <p><span>399元起</span></p>
                    </li>
                    <li>
                        <div>

                        </div>
                        <div>
                            <a href="javascript:;">
                                <img src="images/link-07_06.jpg" alt="">
                            </a>
                        </div>
                        <p>
                            <a href="javascript:;">查看全部</a>
                        </p>
                        <p><span style="color: #333;">智能硬件</span></p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">服务</span></a>
            </li>
            <li>
                <a href="javascript:;" class="link"><span class="text">社区</span></a>
            </li>
        </ul>

        <!--导航栏 - 搜索-->
        <div class="search-header">
            <input type="text" class="search-input search-text">
            <!--<input type="button" class="search-btn" value="搜索">-->
            <button type="button" class="search-input search-btn"><span class="icon-search"></span></button>
            <div class="search-hot-words">
                <a href="javascript:;">红米 4X</a>
                <a href="javascript:;">小米电视3s 48英寸</a>
            </div>
            <div class="keywords-list">
                <ul>
                    <li><a href="javascript:;">小米5s Plus<span class="result">约有5件</span></a></li>
                    <li><a href="javascript:;">小米MIX<span class="result">约有1件</span></a></li>
                    <li><a href="javascript:;">小米手机5<span class="result">约有9件</span></a></li>
                    <li><a href="javascript:;">红米Note 4x<span class="result">约有4件</span></a></li>
                    <li><a href="javascript:;">小米路由器<span class="result">约有10件</span></a></li>
                    <li><a href="javascript:;">移动电源<span class="result">约有16件</span></a></li>
                    <li><a href="javascript:;">米家摄像机<span class="result">约有5件</span></a></li>
                    <li><a href="javascript:;">小米体重秤<span class="result">约有2件</span></a></li>
                    <li><a href="javascript:;">小米插线板<span class="result">约有5件</span></a></li>
                    <li><a href="javascript:;">优惠套装<span class="result">约有64件</span></a></li>
                </ul>
            </div>
        </div>
    </div>

    <!--分类导航栏 && 横幅轮播图-->
    <div class="home-hero">
        <div class="home-hero-slide">
            <!--轮播图-->
            <div class="ui-wraper">
                <!--标题背景-->
                <div id="banner_info"></div>
                <!--标题-->
                <ul>
                    <li class="on">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>

                <div id="banner_list">
                    <a href="javascript:;" target="_blank"><img src="images/header-01.jpg"></a>
                    <a href="javascript:;" target="_blank"><img src="images/header-02.jpg"></a>
                    <a href="javascript:;" target="_blank"><img src="images/header-03.jpg"></a>
                    <a href="javascript:;" target="_blank"><img src="images/header-04.jpg"></a>
                    <a href="javascript:;" target="_blank"><img src="images/header-05.jpg"></a>
                </div>
            </div>
            <!--分类导航栏-->
            <div class="site-category">
                <ul class="site-category-list">
                    <li>
                        <a href="javascript:;" class="title"><span>手机 电话卡</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_01.jpg" alt="">
                                            <span>小米手机5c</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_02.jpg" alt="">
                                            <span>小米Note 2</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_03.jpg" alt="">
                                            <span>小米MIX</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_04.jpg" alt="">
                                            <span>小米5s</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_05.jpg" alt="">
                                            <span>小米5s Plus</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_06.jpg" alt="">
                                            <span>小米手机5</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_07.png" alt="">
                                            <span>红米Note 4X</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_08.jpg" alt="">
                                            <span>红米Note 4</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_09.png" alt="">
                                            <span>红米 4X</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_10.jpg" alt="">
                                            <span>红米4</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_11.jpg" alt="">
                                            <span>红米4A</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_12.jpg" alt="">
                                            <span>对比手机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_13.jpg" alt="">
                                            <span>小米移动 电话卡</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>笔记本 平板</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-02_01.jpg" alt="">
                                            <span>小米笔记本Air</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-02_02.jpg" alt="">
                                            <span>小米平板2</span>
                                        </div>
                                        <div><span>选购</span></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-02_03.jpg" alt="">
                                            <span>USB-C转接器</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-02_04.jpg" alt="">
                                            <span>小米笔记本内胆包</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-02_05.jpg" alt="">
                                            <span>小米便捷鼠标</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>电视 盒子</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_01.jpg" alt="">
                                            <span>小米电视3s 48英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_02.png" alt="">
                                            <span>小米电视3s 55英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_03.png" alt="">
                                            <span>小米电视3s 60英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_04.png" alt="">
                                            <span>小米电视3s 65英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_05.jpg" alt="">
                                            <span>小米电视3s 65英寸 曲面</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_06.jpg" alt="">
                                            <span>小米电视3 60英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_07.png" alt="">
                                            <span>小米电视3 70英寸</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_08.jpg" alt="">
                                            <span>小米盒子3s</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_09.jpg" alt="">
                                            <span>小米盒子3c</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_10.jpg" alt="">
                                            <span>小米盒子3 增强版</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_11.jpg" alt="">
                                            <span>小米盒子 mini</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_12.jpg" alt="">
                                            <span>小米低音炮</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_13.jpg" alt="">
                                            <span>蓝牙手柄</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_14.jpg" alt="">
                                            <span>家庭音响</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-03_15.jpg" alt="">
                                            <span>电视盒子配件</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>路由器 智能硬件</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_01.jpg" alt="">
                                            <span>米家扫地机器人及配件</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_02.jpg" alt="">
                                            <span>小米VP眼镜</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_03.jpg" alt="">
                                            <span>小米路由器</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_04.jpg" alt="">
                                            <span>九号平衡车</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_05.jpg" alt="">
                                            <span>电助力折叠自行车</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_06.jpg" alt="">
                                            <span>米家恒温电水壶</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_07.jpg" alt="">
                                            <span>米家车载空气净化器</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_08.jpg" alt="">
                                            <span>手表</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_09.jpg" alt="">
                                            <span>米家智能电饭煲</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_10.jpg" alt="">
                                            <span>智能摄像机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_11.jpg" alt="">
                                            <span>净化器及滤芯</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_12.jpg" alt="">
                                            <span>净水器及滤芯</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_13.jpg" alt="">
                                            <span>血压计</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_14.jpg" alt="">
                                            <span>米兔积木机器人</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_15.jpg" alt="">
                                            <span>智能灯</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_16.jpg" alt="">
                                            <span>米兔智能故事机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_17.jpg" alt="">
                                            <span>智能家庭组合</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_18.jpg" alt="">
                                            <span>手环及配件</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_19.jpg" alt="">
                                            <span>体重秤</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_20.jpg" alt="">
                                            <span>电动滑板车</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_21.jpg" alt="">
                                            <span>小米无人机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_22.jpg" alt="">
                                            <span>米家行车记录仪</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_23.jpg" alt="">
                                            <span>小米米家对讲机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-04_24.jpg" alt="">
                                            <span>全部智能硬件</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>手机 电话卡</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_01.jpg" alt="">
                                            <span>小米移动电源</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_02.jpg" alt="">
                                            <span>插线板</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_03.jpg" alt="">
                                            <span>品牌移动电源</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_04.jpg" alt="">
                                            <span>移动电源附件</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_05.jpg" alt="">
                                            <span>充电器</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_06.jpg" alt="">
                                            <span>彩虹5号电池</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-05_07.jpg" alt="">
                                            <span>彩虹7号电池</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>手机 电话卡</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_01.jpg" alt="">
                                            <span>小米头戴式耳机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_02.jpg" alt="">
                                            <span>头戴式耳机轻松版</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_03.jpg" alt="">
                                            <span>小米MIX</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_04.jpg" alt="">
                                            <span>小米铁圈耳机 Pro</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_05.jpg" alt="">
                                            <span>小米胶囊耳机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_06.jpg" alt="">
                                            <span>小米活塞耳机清新版</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_07.jpg" alt="">
                                            <span>小米蓝牙耳机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_08.jpg" alt="">
                                            <span>小米运动蓝牙耳机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_09.jpg" alt="">
                                            <span>品牌耳机</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_10.jpg" alt="">
                                            <span>小米网络音箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_11.png" alt="">
                                            <span>小米蓝牙音箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_12.jpg" alt="">
                                            <span>小米随身蓝牙音箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_13.jpg" alt="">
                                            <span>小钢炮音箱 2</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_14.jpg" alt="">
                                            <span>小米方盒子音箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_15.jpg" alt="">
                                            <span>小米音乐闹钟</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_16.jpg" alt="">
                                            <span>小米米兔音箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-06_17.jpg" alt="">
                                            <span>音乐蓝牙车充</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>保护套 贴膜</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-07_01.jpg" alt="">
                                            <span>贴膜</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-07_02.jpg" alt="">
                                            <span>保护套/保护壳</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>线材 支架 存储卡</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-08_01.jpg" alt="">
                                            <span>线材</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-08_02.jpg" alt="">
                                            <span>自拍杆</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-08_03.jpg" alt="">
                                            <span>手机支架</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-08_04.jpg" alt="">
                                            <span>存储卡</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>箱包 服饰</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-09_01.jpg" alt="">
                                            <span>箱包</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-09_02.jpg" alt="">
                                            <span>90分旅行箱</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-09_03.jpg" alt="">
                                            <span>服饰</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="title"><span>米兔 生活周边</span><span>&gt;</span></a>
                        <div class="category-list-children clearfix">
                            <ul>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_01.jpg" alt="">
                                            <span>米兔玩偶</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_02.jpg" alt="">
                                            <span>鼠标垫</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-01_03.jpg" alt="">
                                            <span>生活周边</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-10_04.jpg" alt="">
                                            <span>《小米》会刊</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                                <li><a href="javascript:;" class="clearfix">
                                        <div>
                                            <img src="images/title-10_05.jpg" alt="">
                                            <span>8H乳胶枕</span>
                                        </div>
                                        <div></div>
                                    </a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--导航栏 底部-->
        <div class="home-hero-sub">
            <ul class="span4 clearfix">
                <li><a href="javascript:;">
                        <span class="icon-mobile2"></span>
                        <p>选购手机</p>
                    </a></li>
                <li><a href="javascript:;">
                        <span class="icon-gift"></span>
                        <p>企业团购</p>
                    </a></li>
                <li><a href="javascript:;">
                        <span class="icon-clipboard"></span>
                        <p>一元活动</p>
                    </a></li>
                <li><a href="javascript:;">
                        <span class="icon-android"></span>
                        <p>小米移动</p>
                    </a></li>
                <li><a href="javascript:;">
                        <span class="icon-spinner11"></span>
                        <p>以旧换新</p>
                    </a></li>
                <li><a href="javascript:;">
                        <span class="icon-credit-card"></span>
                        <p>话费充值</p>
                    </a></li>
            </ul>
            <ul class="home-promo-list clearfix">
                <li><a href=""><img src="images/home-hero-sub-01.jpg" alt=""></a></li>
                <li><a href=""><img src="images/home-hero-sub-02.jpg" alt=""></a></li>
                <li><a href=""><img src="images/home-hero-sub-03.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>

    <!--小米明星单品-->
    <div class="home-star-goods">
        <div class="box-hd">
            <h2>小米明星单品</h2>
            <div class="moreStar">
                <div class="prev">&lt;</div>
                <div class="next btn-active">&gt;</div>
            </div>
        </div>
        <div class="box-bd star clearfix">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-01.png" alt="">
                        <h3>小米5s Plus</h3></a>
                    <p class="desc">5.7英寸大屏双摄手机，拍照黑科技</p>
                    <p class="price">2299元起</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-02.png" alt="">
                        <h3>小米电视3s 55英寸</h3></a>
                    <p class="desc">人工智能电视，4K大屏新旗舰</p>
                    <p class="price">3999元起</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-03.png" alt="">
                        <h3>小米移动电源2</h3></a>
                    <p class="desc">双向快充，高密度锂聚合物电芯</p>
                    <p class="price">79元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-04.png" alt="">
                        <h3>小米手环2</h3></a>
                    <p class="desc">OLED 显示屏幕，升级计步算法</p>
                    <p class="price">149元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-05.jpg" alt="">
                        <h3>小米净水器，厨下式</h3></a>
                    <p class="desc">直出纯净水，隐藏式安装</p>
                    <p class="price">1999元</p>
                </li>
            </ul>
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-06.jpg" alt="">
                        <h3>米家 LED 智能台灯</h3></a>
                    <p class="desc">无可视频闪，亮度色温无极调节</p>
                    <p class="price">169元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-07.png" alt="">
                        <h3>米家iHealth血压计</h3></a>
                    <p class="desc">爸妈上手就会用的智能血压计</p>
                    <p class="price">399元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-08.png" alt="">
                        <h3>小米路由器3</h3></a>
                    <p class="desc">更快更强，不止四天线</p>
                    <p class="price">149元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-09.png" alt="">
                        <h3>小米活塞耳机 清新版</h3></a>
                    <p class="desc">铝合金音腔，第三代平衡阻尼系统</p>
                    <p class="price">29元</p>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/rain-bow-10.jpg" alt="">
                        <h3>小米体重秤</h3></a>
                    <p class="desc">100克，喝杯水都可感知的精准</p>
                    <p class="price">99元</p>
                </li>
            </ul>
        </div>
    </div>

    <!--主要商品展示部分-->
    <div class="page-main">
        <!--智能硬件-->
        <div class="home-brick-box">
            <div class="box-hd">
                <h2>智能硬件</h2>
                <div class="brick-more">
                    <a href="javascript:;">查看全部<span>&gt;</span></a>
                </div>
            </div>
            <div class="box-md clearfix">
                <div class="span-first">
                    <ul><li><a href="javascript:;"><img src="images/capaticy-01.jpg" alt=""></a></li></ul>
                </div>
                <div class="span-second">
                    <ul class="clearfix">
                        <li>
                            <div>新品</div>
                            <a href="javascript:;">
                                <img src="images/capaticy-02.jpg" alt="">
                                <h3>米家行车记录仪</h3></a>
                            <p class="desc">晚上能拍清车牌的行车记录仪</p>
                            <p class="price">349元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/capaticy-03.jpg" alt="">
                                <h3>小米空气净化器2</h3></a>
                            <p class="desc">高效除霾，10分钟换新房间空气</p>
                            <p class="price">699元起</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/capaticy-04.jpg" alt="">
                                <h3>米兔智能故事机</h3></a>
                            <p class="desc">微信远程互动，智能语音交互</p>
                            <p class="price">199元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/capaticy-05.jpg" alt="">
                                <h3>小米VR眼镜</h3></a>
                            <p class="desc">硬件级加速抗眩晕，配备9轴体感手柄</p>
                            <p class="price">299元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/capaticy-06.jpg" alt="">
                                <h3>米家小白智能摄像机</h3></a>
                            <p class="desc">360°全景拍摄，1080P高清摄像</p>
                            <p class="price">399元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/capaticy-07.jpg" alt="">
                                <h3>九号平衡车</h3></a>
                            <p class="desc">年轻人的酷玩具，骑行遥控两种玩法</p>
                            <p class="price">1999元</p>
                        </li>
                        <li>
                            <div>新品</div>
                            <a href="javascript:;">
                                <img src="images/capaticy-08.jpg" alt="">
                                <h3>米家骑记电助力折叠自行车</h3></a>
                            <p class="desc">力矩传感电助力，让城市出行轻松有趣</p>
                            <p class="price">2999元</p>
                        </li>
                        <li>
                            <div>新品</div>
                            <a href="javascript:;">
                                <img src="images/capaticy-02.jpg" alt="">
                                <h3>小米米家电动滑板车</h3></a>
                            <p class="desc">极简几何式设计，1分钟轻松上手</p>
                            <p class="price">1999元</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--搭配-->
        <div class="home-brick-box">
            <div class="box-hd">
                <h2>搭配</h2>
                <div class="brick-more">
                    <ul class="tab-list clearfix">
                        <li value="0">热门</li>
                        <li value="1">耳机音响</li>
                        <li value="2">移动电源附件</li>
                        <li value="3">电池存储卡</li>
                    </ul>
                </div>
            </div>
            <div class="box-md clearfix">
                <div class="span-first">
                    <ul>
                        <li><a href="javascript:;"><img src="images/match-01.jpg" alt=""></a></li>
                        <li><a href="javascript:;"><img src="images/match-02.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="span-second">
                    <ul class="clearfix">
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-01.jpg" alt="">
                                <h3>移动电源5000mAh</h3></a>
                            <p class="price">49元</p>
                            <p class="desc">9.9万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-02.jpg" alt="">
                                <h3>ZMI移动电源10000mAh</h3></a>
                            <p class="price">99元</p>
                            <p class="desc">4116人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-03.jpg" alt="">
                                <h3>小米移动电源10000mAh高配版</h3></a>
                            <p class="price">149元</p>
                            <p class="desc">2791人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-04.jpg" alt="">
                                <h3>20000mAh小米移动电源2</h3></a>
                            <p class="price">149元</p>
                            <p class="desc">7223人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-05.jpg" alt="">
                                <h3>10000mAh小米移动电源2</h3></a>
                            <p class="price">79元</p>
                            <p class="desc">2.7万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-06.jpg" alt="">
                                <h3>小米插线板 5孔位</h3></a>
                            <p class="price">39元</p>
                            <p class="desc">2.4万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/match-03-07.jpg" alt="">
                                <h3>USB Type-C充电套装</h3></a>
                            <p class="price">15元</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><img src="images/match-03-08.jpg" alt=""></a>
                            <h3>小米智能插...</h3>
                            <p class="price">69元</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><span class="icon-arrow-right2"></span></a>
                            <h1>浏览更多</h1>
                            <p class="desc">电源</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--配件-->
        <div class="home-brick-box">
            <div class="box-hd">
                <h2>配件</h2>
                <div class="brick-more">
                    <ul class="tab-list clearfix">
                        <li dataGid="0">热门</li>
                        <li dataGid="1">保护套</li>
                        <li dataGid="2">贴膜</li>
                        <li dataGid="3">其他配件</li>
                    </ul>
                </div>
            </div>
            <div class="box-md clearfix">
                <div class="span-first">
                    <ul>
                        <li><a href="javascript:;"><img src="images/parts-01.jpg" alt=""></a></li>
                        <li><a href="javascript:;"><img src="images/parts-02.png" alt=""></a></li>
                    </ul>
                </div>
                <div class="span-second">
                    <ul class="clearfix">
                        <li>
                            <a href="javascript:;">
                                <img src="images/parts-01-01.jpg" alt="">
                                <h3>小米指环支架</h3></a>
                            <p class="price">19元</p>
                            <p class="desc">6805人评价</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/parts-01-02.jpg" alt="">
                                <h3>小米自拍杆（线控版）</h3></a>
                            <p class="price">49元</p>
                            <p class="desc">6933人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/parts-01-03.jpg" alt="">
                                <h3>红米Note4 超薄肤感软胶保护套</h3></a>
                            <p class="price">19元</p>
                            <p class="desc">428人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <div style="background-color: #E53935;">享6折</div>
                            <a href="javascript:;">
                                <img src="images/parts-01-04.jpg" alt="">
                                <h3>小米手机4c 小米手机4c 智能唤醒翻...</h3></a>
                            <p class="price">29元 <span style="color: #aaa;text-decoration: line-through">49元</span></p>
                            <p class="desc">2.4万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/parts-01-05.jpg" alt="">
                                <h3>90分旅行箱 24寸</h3></a>
                            <p class="price">349元</p>
                            <p class="desc">1.7万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/parts-01-06.jpg" alt="">
                                <h3>小米手机5 小米5 钢化玻璃贴膜(...</h3></a>
                            <p class="price">29元</p>
                            <p class="desc">4.7万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <div>新品</div>
                            <a href="javascript:;">
                                <img src="images/parts-01-07.jpg" alt="">
                                <h3>红米Note 4X 标准高透贴膜</h3></a>
                            <p class="price">19元</p>
                            <p class="desc">689人评价</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><img src="images/parts-01-08.jpg" alt=""></a>
                            <h3>小米智能插...</h3>
                            <p class="price">69元</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><span class="icon-arrow-right2"></span></a>
                            <h1>浏览更多</h1>
                            <p class="desc">热门</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--周边-->
        <div class="home-brick-box">
            <div class="box-hd">
                <h2>周边</h2>
                <div class="brick-more">
                    <ul class="tab-list clearfix">
                        <li dataGid="0">热门</li>
                        <li dataGid="1">耳机音响</li>
                        <li dataGid="2">移动电源附件</li>
                        <li dataGid="3">电池存储卡</li>
                    </ul>
                </div>
            </div>
            <div class="box-md clearfix">
                <div class="span-first">
                    <ul>
                        <li><a href="javascript:;"><img src="images/circum-01.jpg" alt=""></a></li>
                        <li><a href="javascript:;"><img src="images/circum-02.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="span-second">
                    <ul class="clearfix">
                        <li>
                            <a href="javascript:;">
                                <img src="images/circum-01-01.jpg" alt="">
                                <h3>最生活浴巾·青春系列</h3></a>
                            <p class="price">99元</p>
                            <p class="desc">423人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <div style="background-color: #E53935;">享6折</div>
                            <a href="javascript:;">
                                <img src="images/circum-01-02.jpg" alt="">
                                <h3>8H标准乳胶枕</h3></a>
                            <p class="price">99元 <span style="color: #aaa;text-decoration: line-through">159元</span></p>
                            <p class="desc">4023人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <div>新品</div>
                            <a href="javascript:;">
                                <img src="images/circum-01-03.jpg" alt="">
                                <h3>小米简约头层小牛皮钱包</h3></a>
                            <p class="price">129元</p>
                            <p class="desc">494人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <div style="background-color: #FFAC13;">免邮费</div>
                            <a href="javascript:;">
                                <img src="images/circum-01-04.jpg" alt="">
                                <h3>90分旅行箱 24寸</h3></a>
                            <p class="price">349元</p>
                            <p class="desc">1.7万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/circum-01-05.jpg" alt="">
                                <h3>米家签字笔</h3></a>
                            <p class="price">14.9元</p>
                            <p class="desc">2.7万人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/circum-01-06.jpg" alt="">
                                <h3>防雾霾口罩</h3></a>
                            <p class="price">69元</p>
                            <p class="desc">2938人评价</p>
                            <section class="popup">
                                <p class="comment">满意，很好，下次再来。。O(∩_∩)O~</p>
                                <p class="buyer">来自于 <strong>小明</strong> 的评价</p>
                            </section>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/circum-01-07.jpg" alt="">
                                <h3>8H多功能护颈枕U1</h3></a>
                            <p class="price">79元</p>
                            <p class="desc">1118人评价</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><img src="images/circum-01-08.jpg" alt=""></a>
                            <h3>变形金刚特...</h3>
                            <p class="price">169元</p>
                        </li>
                        <li class="brick-item-s clearfix">
                            <a href="javascript:;"><span class="icon-arrow-right2"></span></a>
                            <h1>浏览更多</h1>
                            <p class="desc">热门</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--为你推荐-->
        <div class="home-star-goods">
            <div class="box-hd">
                <h2>为你推荐</h2>
                <div class="moreRec">
                    <div class="prev">&lt;</div>
                    <div class="next btn-active">&gt;</div>
                </div>
            </div>
            <div class="box-bd rec clearfix">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-01.jpg" alt="">
                            <h3>小米笔记本Air 13.3英寸</h3></a>
                        <p class="price">4999元</p>
                        <p class="desc">7842人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-02.jpg" alt="">
                            <h3>小米笔记本Air 13.3英寸尊享版</h3></a>
                        <p class="price">5999元</p>
                        <p class="desc">77人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-03.jpg" alt="">
                            <h3>小米电视3s 65英寸 影院版</h3></a>
                        <p class="price">6699元</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-04.jpg" alt="">
                            <h3>小米路由器 Pro</h3></a>
                        <p class="price">499元</p>
                        <p class="desc">508人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-05.jpg" alt="">
                            <h3>10000mAh小米移动电源2</h3></a>
                        <p class="price">79元</p>
                        <p class="desc">2.7万人好评</p>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-06.jpg" alt="">
                            <h3>小米米家电动滑板车</h3></a>
                        <p class="price">1999元</p>
                        <p class="desc">950人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-07.jpg" alt="">
                            <h3>米家恒温电水壶</h3></a>
                        <p class="price">199元</p>
                        <p class="desc">1.3万人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-08.jpg" alt="">
                            <h3>米家骑记电助力折叠自行车</h3></a>
                        <p class="price">2999元</p>
                        <p class="desc">959人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-09.jpg" alt="">
                            <h3>小方智能摄像机</h3></a>
                        <p class="price">129元</p>
                        <p class="desc">2967人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-10.jpg" alt="">
                            <h3>米家 LED 智能台灯</h3></a>
                        <p class="price">169元</p>
                        <p class="desc">1.5玩人好评</p>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-11.jpg" alt="">
                            <h3>米家IH电饭煲</h3></a>
                        <p class="price">399元</p>
                        <p class="desc">6094人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-12.jpg" alt="">
                            <h3>小米家庭影院</h3></a>
                        <p class="price">1999元</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-13.jpg" alt="">
                            <h3>Amazfit 运动手表</h3></a>
                        <p class="price">799元</p>
                        <p class="desc">2141人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-14.jpg" alt="">
                            <h3>小米运动蓝牙耳机</h3></a>
                        <p class="price">149元</p>
                        <p class="desc">2083人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-15.jpg" alt="">
                            <h3>小米活塞耳机</h3></a>
                        <p class="price">29元</p>
                        <p class="desc">1.6万人好评</p>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-16.jpg" alt="">
                            <h3>智米除菌加湿器</h3></a>
                        <p class="price">799元</p>
                        <p class="desc">783人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-17.jpg" alt="">
                            <h3>小米网络音响</h3></a>
                        <p class="price">399元</p>
                        <p class="desc">2872人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-18.jpg" alt="">
                            <h3>90分旅行箱 20寸</h3></a>
                        <p class="price">299元</p>
                        <p class="desc">2万人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-19.jpg" alt="">
                            <h3>小米插线板（含3口USB 2A...</h3></a>
                        <p class="price">49元</p>
                        <p class="desc">27.4万人好评</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="images/recommend-20.png" alt="">
                            <h3>小米移动电源10000mAh高...</h3></a>
                        <p class="price">149元</p>
                        <p class="desc">2806人好评</p>
                    </li>
                </ul>
            </div>
        </div>

        <!--热评产品-->
        <div class="home-brick-box" id="review">
            <div class="box-hd">
                <h2>热评产品</h2>
            </div>
            <div class="box-md clearfix" id="review">
                <div class="span-first review">
                    <ul>
                        <li>
                            <a href="javascript:;"><img src="images/popular-01.jpg" alt=""></a>
                            <p class="Rev-content"><a href="javascript:;">安装简洁方便，信号不错！！！！！</a></p>
                            <p class="buyer">来自于 <span>追逆</span> 的评价</p>
                            <div class="clearfix">
                                <h2>小米路由器3</h2>
                                <span>|</span>
                                <p class="price">149元</p>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="images/popular-02.jpg" alt=""></a>
                            <p class="Rev-content"><a href="javascript:;">样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你，唤醒它又会自动转回来。你怎么也想不到它给你带来的惊喜和快乐...</a></p>
                            <p class="buyer">来自于 <span>随风</span> 的评价</p>
                            <div class="clearfix">
                                <h2>米家小白智能摄像机</h2>
                                <span>|</span>
                                <p class="price">399元</p>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="images/popular-03.jpg" alt=""></a>
                            <p class="Rev-content"><a href="javascript:;">很小巧 像不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了O(∩_∩)O~</a></p>
                            <p class="buyer">来自于 <span>鹤唳</span> 的评价</p>
                            <div class="clearfix">
                                <h2>小米胶囊耳机</h2>
                                <span>|</span>
                                <p class="price">69元</p>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;"><img src="images/popular-04.jpg" alt=""></a>
                            <p class="Rev-content"><a href="javascript:;">手机好用，反应快，价格适中，会常光顾，赞，五分好评！</a></p>
                            <p class="buyer">来自于 <span>颜海平</span> 的评价</p>
                            <div class="clearfix">
                                <h2>小米Max全网通版</h2>
                                <span>|</span>
                                <p class="price">1299元</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--内容-->
        <div class="home-brick-box" id="content">
            <div class="box-hd">
                <h2>内容</h2>
            </div>
            <div class="box-md clearfix" id="content">
                <div class="span-first content">
                    <ul>
                        <li>
                           <h2>图书</h2> 
                           <div class="item-content">
                               <ul class="item-list clearfix">
                                   <li><a href="javascript:;">
                                           <h4>哈利·波特与被诅咒的孩子</h4>
                                           <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本</p>
                                           <span>29.37元</span>
                                           <img src="images/content-01_01.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>好吗好的</h4>
                                           <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                           <span>17.99元</span>
                                           <img src="images/content-01_02.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>海量好书</h4>
                                           <p>海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择！</p>
                                           <span>前往多看阅读&gt;</span>
                                           <img src="images/content-01_03.jpg" alt="">
                                       </a></li>
                               </ul>
                               <div class="content-pages">
                                   <ul>
                                       <li class="current"></li>
                                       <li></li>
                                       <li></li>
                                   </ul>
                               </div>
                               <span class="item-content-prev">&lt;</span>
                               <span class="item-content-next">&gt;</span>
                           </div>
                        </li>
                        <li>
                           <h2>MIUI 主题</h2> 
                           <div class="item-content">
                               <ul class="item-list clearfix">
                                   <li><a href="javascript:;">
                                           <h4>小米5c尊黑版</h4>
                                           <p>小米5c动态尊黑主题，首发上线！会动的默认壁纸</p>
                                           <span>9米币</span>
                                           <img src="images/content-02_01.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>我心澎湃【烫金版】</h4>
                                           <p>我心澎湃【烫金版】官方主题强劲登场</p>
                                           <span>9米币</span>
                                           <img src="images/content-02_02.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>遇见你 预见爱</h4>
                                           <p>不要玫瑰，不要巧克力，不要甜言蜜语，只要敢说在一起。</p>
                                           <span>13.14米币</span>
                                           <img src="images/content-02_03.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>海量游戏</h4>
                                           <p>众多个性主题、百变解锁与自由桌面<br>让你的手机与众不同！</p>
                                           <span>前往MIUI主题市场&gt;</span>
                                           <img src="images/content-02_04.jpg" alt="">
                                       </a></li>
                               </ul>
                               <div class="content-pages">
                                   <ul>
                                       <li class="current"></li>
                                       <li></li>
                                       <li></li>
                                       <li></li>
                                   </ul>
                               </div>
                               <span class="item-content-prev">&lt;</span>
                               <span class="item-content-next">&gt;</span>
                           </div>
                        </li>
                        <li>
                           <h2>游戏</h2> 
                           <div class="item-content">
                               <ul class="item-list clearfix">
                                   <li><a href="javascript:;">
                                           <h4>米柚手游模拟器</h4>
                                           <p>在电脑上玩遍小米所有手游</p>
                                           <span>免费</span>
                                           <img src="images/content-03_01.png" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>剑侠世界</h4>
                                           <p>一生不容错过的浪漫武侠</p>
                                           <span>免费</span>
                                           <img src="images/content-03_02.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>老九门</h4>
                                           <p>九门恩怨，盗墓笔记前传上线</p>
                                           <span>免费</span>
                                           <img src="images/content-03_03.jpg" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>海量游戏</h4>
                                           <p>免费下载海量手机游戏<br>天天都有现金福利赠送</p>
                                           <span>前往小米游戏商店&gt;</span>
                                           <img src="images/content-03_04.jpg" alt="">
                                       </a></li>
                               </ul>
                               <div class="content-pages">
                                   <ul>
                                       <li class="current"></li>
                                       <li></li>
                                       <li></li>
                                       <li></li>
                                   </ul>
                               </div>
                               <span class="item-content-prev">&lt;</span>
                               <span class="item-content-next">&gt;</span>
                           </div>
                        </li>
                        <li>
                           <h2>应用</h2> 
                           <div class="item-content">
                               <ul class="item-list clearfix">
                                   <li><a href="javascript:;">
                                           <h4>2017金米奖</h4>
                                           <p>最优秀的应用和游戏</p>
                                           <span></span>
                                           <img src="images/content-04_01.png" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>Forest</h4>
                                           <p>帮助您专心于生活中每一个重要时刻</p>
                                           <span>免费</span>
                                           <img src="images/content-04_02.png" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>小米应用</h4>
                                           <p>小米出品 必属精品</p>
                                           <span>免费</span>
                                           <img src="images/content-04_03.png" alt="">
                                       </a></li>
                                   <li><a href="javascript:;">
                                           <h4>海量应用</h4>
                                           <p>帮助小米手机和其他安卓手机用户发现好用的安卓应用</p>
                                           <span>前往小米应用商店&gt;</span>
                                           <img src="images/content-04_04.jpg" alt="">
                                       </a></li>
                               </ul>
                               <div class="content-pages">
                                   <ul>
                                       <li class="current"></li>
                                       <li></li>
                                       <li></li>
                                       <li></li>
                                   </ul>
                               </div>
                               <span class="item-content-prev">&lt;</span>
                               <span class="item-content-next">&gt;</span>
                           </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--视频-->
        <div class="home-brick-box" id="video">
            <div class="box-hd">
                <h2>视频</h2>
                <div class="brick-more">
                    <a href="javascript:;">查看全部<span>&gt;</span></a>
                </div>
            </div>
            <div class="box-md clearfix" id="video2">
                <div class="span-first review video" id="video2">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="images/video-01.jpg" alt="">
                                <div class="icon-video"><span class="icon-play3"></span></div>
                            </a>
                            <h2>红米Note AX 环岛挑战</h2>
                            <p class="desc">看着我们关于超长续航的疯狂想法</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/video-02.jpg" alt="">
                                <div class="icon-video"><span class="icon-play3"></span></div>
                            </a>
                            <h2>小米之家里发生一件怪事</h2>
                            <p class="desc">World Order星机械人受邀访问地球</p>
                        </li>
                        
                        <li>
                            <a href="javascript:;">
                                <img src="images/video-03.jpg" alt="">
                                <div class="icon-video"><span class="icon-play3"></span></div>
                            </a>
                            <h2>小米MIX 概念手机背后的故事</h2>
                            <p class="desc">雷总亲自讲述小米MIX的诞生</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="images/video-04.jpg" alt="">
                                <div class="icon-video"><span class="icon-play3"></span></div>
                            </a>
                            <h2>一面科技，一面艺术</h2>
                            <p class="desc">梁朝伟讲述双面人生</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--底部 内容栏-->
    <footer class="site-footer">
        <div class="footer-service">
            <ul class="service-list">
                <li><a href="javascript:;"><span class="icon-wrench"></span> 预约维修服务</a></li>
                <li><a href="javascript:;"><span>⑦</span> 7天无理由退货</a></li>
                <li><a href="javascript:;"><span>⑤</span> 15天免费换货</a></li>
                <li><a href="javascript:;"><span class="icon-gift"></span> 满150元包邮</a></li>
                <li><a href="javascript:;"><span class="icon-location"></span> 520余家售后网店</a></li>
            </ul>
        </div>
        <div class="footer-links clearfix">
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="javascript:;">账户管理</a></dd>
                <dd><a href="javascript:;">购物指南</a></dd>
                <dd><a href="javascript:;">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>服务支持</dt>
                <dd><a href="javascript:;">售后政策</a></dd>
                <dd><a href="javascript:;">自助服务</a></dd>
                <dd><a href="javascript:;">相关下载</a></dd>
            </dl>
            <dl class="col-links">
                <dt>线下门店</dt>
                <dd><a href="javascript:;">小米之家</a></dd>
                <dd><a href="javascript:;">服务网点</a></dd>
                <dd><a href="javascript:;">零售网点</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关于小米</dt>
                <dd><a href="javascript:;">了解小米</a></dd>
                <dd><a href="javascript:;">加入小米</a></dd>
                <dd><a href="javascript:;">联系我们</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关注我们</dt>
                <dd><a href="javascript:;">新浪微博</a></dd>
                <dd><a href="javascript:;">小米部落</a></dd>
                <dd><a href="javascript:;">官方微信</a></dd>
            </dl>
            <dl class="col-links">
                <dt>特色服务</dt>
                <dd><a href="javascript:;">F 码通道</a></dd>
                <dd><a href="javascript:;">礼物码</a></dd>
                <dd><a href="javascript:;">防伪查询</a></dd>
            </dl>
            <div class="col-contact">
                <p class="phone">400-100-5678</p>
                <p>
                    <span class="serviceTime">周一至周日 8:00-18:00</span>
                    (仅收市话费)
                </p>
                <a href="javascript:;"><span class="icon-bubble2"></span> 24小时在线客服</a>
            </div>
        </div>
    </footer>

    <!--底部 信息栏-->
    <footer class="site-info clearfix">
        <div class="site-info-in clearfix">
            <div class="logo"><img src="images/mi_logo.png" alt=""></div>
            <div class="info-text">
                <p>
                    <a href="javascript:;">小米商城</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">MIUI</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">米聊</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">多看书城</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">小米路由器</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">视频电话</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">企业团购</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">小米天猫店</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">小米淘宝直营店</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">小米网盟</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">小米移动</a>
                    <span class="sep">|</span>
                    <a href="javascript:;">Select Region</a>
                </p>
                <p>
                    ©
                    <a href="javascript:;">mi.com</a>
                    京ICP证110507号
                    <a href="javascript:;">京ICP备10046444号</a>
                    <a href="javascript:;">京公网安备11010802020134号</a>
                    <a href="javascript:;">京网文[2014]0059-0009号</a><br>
                    违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href="javascript:;"><img src="images/v-logo-01.png" alt=""></a>
                <a href="javascript:;"><img src="images/v-logo-02.png" alt=""></a>
                <a href="javascript:;"><img src="images/v-logo-03.png" alt=""></a>
                <a href="javascript:;"><img src="images/v-logo-04.png" alt=""></a>
            </div>
        </div>
        <!--小米为发烧而生-->
        <div class="slogan"></div>
    </footer>
</body>

</html>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/index.js"></script>